<template>
	<view class="container">
		<image :src="$getImgUrl('home/bg.png')" mode="aspectFill" class="img-bg"></image>

		<uni-header class="header" color="#333" background="" :border="false" title="潮玩魔盒"></uni-header>

		<view class="click-view flex-col-center" v-if="!isResult">
			<image :src="$getImgUrl('home/open.png')" mode="widthFix" class="img-dianji" @longpress="onOpen"></image>
			<view class="animate-text">按住召唤阵，并虔诚祈愿</view>
		</view>

		<view class="result-view" v-if="isResult">
			<image :src="$getImgUrl('home/result.png')" mode="widthFix" class="result-bg"></image>
			<image :src="$getImgUrl('home/goods.png')" mode="widthFix" class="img-result-goods"></image>
			<view class="cankao">参考价：129</view>
			<view class="biaoti">稀有款</view>
			<view class="name">坚果JMGO J10S 智能家庭礼包</view>
		</view>

		<view class="default-btn try-btn" @click="onTry" v-if="isResult">
			<image :src="$getImgUrl('home/ic_xssw_an.png')" mode="widthFix"></image>
		</view>
		<view class="try-notice" v-if="isResult">本页面数据仅供参考，非实际开合概率</view>
	</view>
</template>

<script src="./try.js"></script>

<style lang="scss">
@import '@/style/common.scss';
@import './try.scss';
</style>
